<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>demo</title>
    <script>
      (function() {
          var scale = 1.0;
          var ratio = 1;
          var userAgent = navigator.userAgent;
          var match = userAgent.match(/Android/);
          var iosLt5 = navigator.userAgent.match(/iphone4|iphone5/i);
          if (!!match || !!iosLt5) {
              document.write('<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">');
              document.documentElement.style.fontSize = "50px";
          } else {
              if (window.devicePixelRatio >= 2) {
                  scale *= 0.5;
                  ratio *= 2;
                  var text = '<meta name="viewport" content="initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', width=device-width, user-scalable=no" />';
                  document.write(text);
                  document.documentElement.style.fontSize = 50 * ratio + "px";
              }
          }
      })();
    </script>
    <link rel="stylesheet" type="text/css" href="../../public/static/css/entry.css" >
  </head>
  <body>
    <div id="getData">点我获取数据aaa</div>
    <script src="//s.momocdn.com/w/js/2016/01/25/1453694482723-JP06e438af3efe893cba52052c5b3f1226.js"></script>
    <script src="/static/js/test.js"></script>
    <script>
      $('#getData').on('click', function(){
        $.ajax({
                url: '/api/test',
                type: 'POST',
                success: function(res){
                  $('#getData').html(JSON.stringify(res));
                }
              });
      });
    </script>
  </body>
</html>
